<template>
	<view class="icon-list" style="display: flex; flex-wrap: wrap; text-align: center;">
		<view v-for="(item, index) in iconTypes" :key="index" style=" padding: 5px;">
			<uni-icon :type="item" size="22"> </uni-icon>
			<view><text>{{item}}</text></view>
		</view>
	</view>
</template>

<script>
	import uniIcon from '@/components/uni-icon/uni-icon.vue'
	export default {
		components: {
			uniIcon
		},
		data() {
			/**
			 * @property {String} servicePhone 
			 * @property {Array} machineList 
			 */
			return {
				iconTypes: ['contact', 'person', 'personadd', 'contact-filled', 'person-filled', 'personadd-filled', 'phone',
					'email', 'chatbubble', 'chatboxes', 'phone-filled', 'email-filled', 'chatbubble-filled', 'chatboxes-filled',
					'weibo',
					'weixin', 'pengyouquan', 'chat', 'qq', 'videocam', 'camera', 'mic', 'location', 'mic-filled', 'speech',
					'location-filled', 'micoff',
					'image', 'map', 'compose', 'trash', 'upload', 'download', 'close', 'redo', 'undo', 'refresh', 'star', 'plus',
					'minus', 'circle', 'close-filled', 'refresh-filled', 'star-filled', 'plus-filled', 'minus-filled',
					'circle-filled', 'checkbox-filled',
					'closeempty', 'refreshempty', 'reload', 'starhalf', 'spinner', 'spinner-cycle', 'search', 'plusempty', 'forward',
					'back',
					'checkmarkempty', 'home', 'navigate', 'gear', 'paperplane', 'info', 'help', 'locked', 'more', 'flag',
					'home-filled',
					'gear-filled', 'info-filled', 'help-filled', 'more-filled', 'settings', 'list', 'bars', 'loop', 'paperclip',
					'eye',
					'arrowup', 'arrowdown', 'arrowleft', 'arrowright', 'arrowthinup', 'arrowthindown', 'arrowthinleft',
					'arrowthinright',
					'pulldown', 'closefill', 'sound', 'scan'
				],
			}
		},
	}
</script>

<style>
</style>
